<h3>Disks</h3>

<table id="pool-disk-table"
       class="table table-condensed table-bordered table-hover">
    <thead>
    <tr>
        <th scope="col" abbr="Name">Name</th>
        <th scope="col" abbr="Capacity">Capacity</th>
    </tr>
    </thead>
    <tbody>
    {{#if (isRoot pool.role)}}
    {{#each pool.disks}}
    <tr>
        <td>{{this.name}}
            {{#if (isOpenLuks this.role)}}
            <a href="#disks/luks/{{this.name}}" class="open_luks_drive"
               data-disk-name="{{this.name}}"
               title="Open LUKS Volume, click to review." rel="tooltip">
                <i class="glyphicon glyphicon-eye-open"></i></a>
            {{/if}}
        </td>
        <td>{{humanReadableSize this.size}}</td>
    </tr>
    {{/each}}
    {{else}}
    {{#each pool.disks}}
    <tr>
        <td>{{this.name}}
            {{#if this.parted}}
            <a href="#disks/role/{{this.id}}" class="user_role_part"
               data-disk-id="{{this.id}}"
               title="Partition (Redirect Role), click to review."
               rel="tooltip">
                <i class="glyphicon glyphicon-tags"></i></a>
            {{/if}}
            {{#if (isOpenLuks this.role)}}
            <a href="#disks/luks/{{this.id}}" class="open_luks_drive"
               data-disk-id="{{this.id}}"
               title="Open LUKS Volume, click to review." rel="tooltip">
                <i class="glyphicon glyphicon-eye-open"></i></a>
            {{/if}}
        </td>
        <td>{{humanReadableSize this.size}}</td>
    </tr>
    {{/each}}
    {{/if}}
    </tbody>
</table>

<a id="js-resize-pool" class="btn btn-primary" href="#">
    <i class="glyphicon glyphicon-edit "></i> Resize Pool</a></br>
